<style>
  .w4-xtzgOrder{
    background-color: #ffffff;
    border-top:1px solid #e9e9e9;
  }
  .w4-xtzgOrder input{
    display: inline-block;
    width: 60%;
  }
  .w4-xtzgOrder .row + .row {
    margin: 0;
    padding: 0;
  }
  .w4-xtzgOrder .bt{
    line-height: 45px;
    height: 45px;
    border-bottom:1px solid #e9e9e9;
    padding-left: 5px;
    padding-right: 5px;
  }
  .w4-xtzgorder-lable{
    width: 100px;
    vertical-align: sub;
    padding-right: 20px;
    padding-left: 10px;
    color: #3b3b3b;
    width: 25%;
  }
  .bt .head_txt{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
  }
  .w4-xtzgOrder .w4-xtzgOrder-input{
    width: 100%;
    height: 45px;
    padding-left: 10px;
    border-bottom: 1px solid #e9e9e9
  }
  .w4-xtzgOrder-success{
    text-align: center;
    padding: 50px 10px;
  }
  .w4-xtzgOrder-success-p1{
    color: #3b3b3b;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 24px;
  }
  .w4-xtzgOrder-success-p2{
    color: #b2b2b2;
    font-size: 12px;

  }
  .w4-xtzgOrder-success>div{
    height: 45px;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
    margin-top: 100px;
    background-color: #fb7e23;
    border-radius: 5px;
  }
  .w4-xtzgOrder-bottom{
    position: absolute;
    bottom:0;
  }
  .w4-xtzgOrder-rate{
    width: 60%;
    line-height: 48px;
    height: 48px;
    text-align: center;
    color: #636363;
  }
  .w4-xtzgOrder-comit{
    width: 100%;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #f93941;
  }
</style>
<ion-view view-title="预约" class="bg-fff">
 <!-- <ion-nav-bar>
    <ion-nav-buttons  side="left">
      <button class="button" ng-hide="isSuccess" ng-click="$ionicGoBack()" style="background-color: #fff;">
        取消
      </button>
    </ion-nav-buttons>
    <ion-nav-buttons  side="right">
      <button class="button" ng-hide="isSuccess" ng-click="submit()" style="background-color: #fff;color: #ff7000">
        提交预约
      </button>
    </ion-nav-buttons>
  </ion-nav-bar>-->
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
    <div class="h1 title"> 产品信息</div>
    <button class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-hide="isSuccess" ng-click="submit()">提交预约</button>
  </ion-header-bar>
  <ion-content class="w4-xtzgOrder">
    <div ng-hide="isSuccess">
      <div class="bt">
        <label class="w4-xtzgorder-lable" style="display: block; float: left; padding-top: 15px;">产品名称</label>
        <span class="head_txt" type="text" style="background: #fff;color:#3b3b3b;display: block;float: left;height: 40px;" class="chanName">{{item.productName}}</span>
      </div>
      <div class="bt">
        <label class="w4-xtzgorder-lable" style="display: block; float: left; padding-top: 15px;">客户姓名</label>
        <input  type="text" placeholder="请填写您姓名" ng-model="item.userName">
      </div>
      <div class="bt">
        <label class="w4-xtzgorder-lable" style="display: block; float: left; padding-top: 15px;width: 90px">手机号码</label>
        <input  type="text" placeholder="请填写您手机号码" ng-model="item.userPhone" maxlength="11">
      </div>
      <div class="bt">
          <label class="w4-xtzgorder-lable" style="display: block; float: left; padding-top: 15px;">验证码</label>
          <input style="width: 120px" type="tel" ng-model="item.vCode" maxlength="6" placeholder="请输入验证码">
          <span ng-show="seCode.interval == 0" ng-click="seCode.sendVcode()" style="float: right;"><a style="margin-right: 10px;">获取验证码</a></span>
          <span ng-show="seCode.interval != 0" class="wei-span" style="float: right;display: block;width: 80px;text-align: center;"><i class="scendtxt">{{seCode.interval}}s</i></span>
      </div>
      <div class="bt">
        <label class="w4-xtzgorder-lable" style="display: block; float: left; padding-top: 15px;">预约金额</label>
        <input  type="text" placeholder="请输入预约金额" ng-model="item.reservationAmount" maxlength="5">
        <span>万元</span>
      </div>
    </div>
   <!-- <div class="w4-xtzgOrder-success"  ng-show="isSuccess">
      <img src="img/right.png"/>
      <p class="w4-xtzgOrder-success-p1">产品预约成功</p>
      <p class="w4-xtzgOrder-success-p2">我们已经收到你的预约申请，会在工作日3个小时内和你联系，如有问题请拨打电话021-31038770</p>
      <div ui-sref="shopPreview({sphone:sharePhone, share: true})">返回首页</div>
    </div>-->
  </ion-content>
</ion-view>
